<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css" />
		<link rel="stylesheet" href="note.css" />
	</head>

	<body>
		<a class="mui-icon mui-icon-plus" id="open" href="#" style="position:fixed;right: 0px;bottom: 50px;width:100px; height:100px;z-index: 999;"></a>
		<!--页面主结构开始-->
		<div id="app" class="mui-views">
			<div class="mui-view">
				<div class="mui-navbar">
				</div>
				<div class="mui-pages">
				</div>
			</div>
		</div>
		<!--页面主结构结束-->
		<!--单页面开始-->
		<div id="setting" class="mui-page">
			<!--页面标题栏开始-->
			<div class="mui-navbar-inner mui-bar mui-bar-nav">
				<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
					<span class="mui-icon mui-icon-left-nav"></span>
				</button>
				<h1 class="mui-center mui-title">设置</h1>
			</div>
			<!--页面标题栏结束-->
			<!--页面主内容区开始-->
			<div class="mui-page-content">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view mui-table-view-chevron ulList">
						</ul>
					</div>
				</div>
			</div>
			<!--页面主内容区结束-->
		</div>
		<!--单页面结束-->
		<div class="submain"></div>
		<!--点击新增修改区域-->
		<div id="popover" class="mui-popover">
			<div class="mui-content-padded">
				<h4 id="title" style="text-align: center;margin-top: 20px;">新增数据</h4>
				<form class="mui-input-group" style="margin-top: 30px;">
					<div class="mui-input-row">
						<label>标题：</label>
						<input type="text" class="mui-input-clear" id="name"></textarea>
					</div>
					<div class="mui-input-row">
						<label>类型：</label>
						<input type="text" class="mui-input-clear" id="type">
					</div>
					<div>
						<textarea placeholder="请输入内容" rows="4" class="mui-input-clear" id="content"></textarea>
					</div>
				</form>
				<div id="add_div" class="operate mui-hidden">
					<button type="button" class="mui-btn mui-btn-blue" id="add">确定</button>
				</div>
				<div id="edit_div" class="operate mui-hidden">
					<button type="button" class="mui-btn mui-btn-blue" id="update" style="margin-right: 30px;">保存</button>
					<button type="button" class="mui-btn mui-btn-red" id="del">删除</button>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../../libs/jquery-1.11.2.min.js" ></script>
	<script src="../../../js/mui.min.js"></script>
	<script src="../../../js/mui.view.js"></script>
	<script type="text/javascript" src="note.js" ></script>
	<script src="https://cdn.wilddog.com/js/client/current/wilddog.js"></script>
	<script type="text/javascript" src="../../../js/app.js" ></script>
	<script type="text/javascript" src="../../../js/core.js" ></script>
</html>